/* Empty. Add your own CSS if you like */
.frame_look_feel {
  background-color: #FD3583;
}
/*.scroll-content{
  background: url("../img/bg.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}*/
@CHARSET "UTF-8";
/* 
 *  @Description: base css
 *  @author: changbao
 *  @Update: 2016-04-12
 */

/*-------------------------------------------------------------------
[ 页面格式化 ]
*/
*{-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;}
html,body{margin:0; padding:0; width:100%;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
img,button,input{vertical-align:middle;border:none;}
a,button,input{-webkit-tap-highlight-color: rgba(255,0,0,0);}/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;list-style-type: none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
a{text-decoration: none;color:#666;}
a:focus{outline: none; /* for Forefox bug */ }
a:hover {text-decoration:underline;}
.ie a {star:expression(this.onFocus=this.blur()); /* for Ie test*/ }
select,input,textarea {font-weight:inherit;font-family: "微软雅黑";outline:none;}
legend,select {color:#000;}
label{cursor:pointer;margin-left:2px;}
.text_d{text-decoration:underline;}
button{background:#864389;border-radius: 5px;padding:10px;color:#fff;font-size:1.2rem;font-family: "微软雅黑","宋体",san-serif;}
.btn-small{background:#864389;border-radius: 5px;padding:5px;color:#fff;font-size:0.75rem;font-family: "微软雅黑","宋体",san-serif;}
/* 设置图片视频等自适应调整 */
img {max-width: 100%;height: auto;width: auto9; /* ie8 */ -ms-interpolation-mode:bicubic;}
.video embed, .video object, .video iframe {width: 100%;height: auto;}

/*--------------------------------------------------------------------
[ 清除浮动 ]
*/
.clr {clear:both;}
.clearfix:after {content: ".";display: block;height: 0;line-height:0; /*opera nedd this*/clear: both;visibility: hidden;}
* html>body .clearfix {display: inline-block;width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}
/* ie7 hack*/
*+html .clearfix {min-height: 1%;} 
/*--------------------------------------------------------------------
[ font、color通用 ]
*/
table {font-size:inherit;font:100%;}
@font-face {
    font-family: 'pf_din_text_comp_prothin';
    src: url('../font/pfdintextcomppro-thin-webfont.eot');
    src: url('../font/pfdintextcomppro-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pfdintextcomppro-thin-webfont.woff2') format('woff2'),
         url('../font/pfdintextcomppro-thin-webfont.woff') format('woff'),
         url('../font/pfdintextcomppro-thin-webfont.ttf') format('truetype'),
         url('../font/pfdintextcomppro-thin-webfont.svg#pf_din_text_comp_prothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
.arial{font-family: arial!important;}
.pfdin{font-family: 'pf_din_text_comp_prothin';}
.fn{font-weight:normal;}
.fb{font-weight:bold;}
/*字体*/
.f12{font-size:1.2rem;}
.f14{font-size:1.4rem;}
.f16{font-size:1.6rem;}
.f18{font-size:1.8rem;}
.f20{font-size:2rem;}
.f22{font-size:2.2rem;}
.f24{font-size:2.4rem;}
.f48{font-size:4.8rem;}
.lh14{line-height:1.4rem;}
/*--------------------------------------------------------------------
[ base通用]
*/
.fw{width:100%;}
.w94{width:94%;margin:0 auto;}
.w60{width:60%;}
.w80{width:80%;}
.w70{width:70%;}
.w20{width:20%;}
.tline{text-decoration:underline;}
.fl{float:left;}
.fr{float:right;}
.oh{overflow:hidden;}
.show{ display: block; }
.hide{ display: none; }
.dib{display: inline-block;}
.cp{cursor:pointer;}
.tl{text-align:left!important;}
.tr{text-align:right;}
.tc{text-align:center;}
.pr{position:relative;}
.pa{position:absolute;}
.mAuto{margin:0 auto;}
/*边距*/
.mgl5{margin-left: 5px;}
.mg20{margin:20px;}
.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}/*外边距 top20*/
.mgb20{margin-bottom:20px;}
.mgl15{margin-left:15px;}
.pd110{padding:10%;}
.pdt10{padding-top:10px;}/*内边距 top20*/
.pdb10{padding-bottom:10px;}
.pdl10{padding-left:10px;}
.pdr10{padding-right:10px;}
.pdt15{padding-top: 15px;}
.pdb15{padding-bottom: 15px;}
.pd10{padding:10px;}
.pd20{padding:20px;}
.pdt20{padding-top:20px;}/*内边距 top20*/
.pdl20{padding-left:20px!important;}
.pdb20{padding-bottom:20px;}
.pd30{padding:30px;}
.pdl30{padding-left:30px;}
.pdr30{padding-right:30px;}
.pdt30{padding-top:30px;}
.pdb30{padding-bottom:30px;}
.pdl330{padding-left:330px;}
.pd40{padding: 40px;}
.pdl70{padding-left:70px;}
.pdr70{padding-right:70px;}
.mgr30{margin-right:30px;}
/*定位属性*/
.po_r{position:relative;}
.po_a{position:absolute;}
/*通用圆角box*/
.box_c{background:#fff;border-radius:5px;}
.bdr5{border-radius: 5px;}
/*颜色*/
.white{color:#fff;}
.c333{color:#333;}
.c666{color:#666;}
.c999{color:#999;}
.c686{color: #686969 !important;}
.c_blue{color:#2196f3;}/*蓝色*/
.c_green{color:#8bc34a;}/*绿色*/
.c_orange{color:#ffab00;}/*橙色-数据*/
.c_orange2{color:#ff6709;}/*橙色-表单用*/
.c_red{color:#c82404;}/*红色*/
/*背景色*/
.bk_02a{background-color: #02ab00;}
.bk_f35{background-color: #f35a0e;}
/*对齐*/
.tc{text-align:center;}
.bgfff{background:#fff;}
.bgf2{background:#f2f2f2;}
.bg555{background:#f5f5f5;}
.bgdackblue{background:#3d4b5f;}
/*border*/
.border{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.round10{border-radius:10px;}

@CHARSET "UTF-8";
/* 
 *  @Description: common css
 *  @author: changbao
 *  @Update: 2016-4-12
 */
html{height:100%;font-size:62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body{font: 1.6rem/1.4 "微软雅黑","Microsoft Yahei",'Arial','san-serif';color: #666;width:100%;height:100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
a:hover{text-decoration: none;}
h1,h2,h3,h4,h5{font-weight: 100;}
/*input{-webkit-appearance: none;} /*去除iphone自带样式*/

/*landing*/
.landing img{width:28%;height:28%;margin-top:45%;margin-left:35%;}
/*布局*/
#wrapper{width:100%;height:100%;position:relative;}
.content{height:100%;}

/*login*/
.login{background:url(../images/bg_login.png) no-repeat;background-size:cover;}
.login-logo{width:24%;height:24%; text-align: center;margin:0 auto;margin-top:20%;}
/* header */
#header{width:100%;padding:0 4%;height:4.6rem;line-height:4.6rem;background-color:#009fea;}
.loginBtn{font-size:1.2rem;}
.title{font-size:2rem;color:#fff;}

/*login form*/
.input_t{outline:none; height:4rem; line-height:4rem;padding:0 10px;color:#4a4a4a; margin-right:10px;background:rgba(255,255,255,0.8);width:100%;border-radius:5px;}
.input_t::-webkit-input-placeholder{color:#333;text-indent:30px;}
.reg_con{position:relative;}
.reg_con label{position:absolute;left:10px;top:10px;}
.reg_con label img{width:50%;}
.reg_con span{ display:inline-block;}
.btn_reg{background-color:#fbad16;border-radius:3px;-webkit-border-radius:3px;color:#fff; display:inline-block;width:100%; height:4rem; line-height:4rem; text-align:center;}
.btn_reg:hover{background-color:#eea009;}
.reg_form input[type=checkbox]{background:#ccc;width:22px;height:22px;}
.edit .input_t{text-align:right;position:absolute;right:0;top:5px;}

/*主页 */
.home {margin-top:50px;}
.home li{float:left;width:50%;text-align:center;margin-bottom:3rem;line-height:3rem;}
.home li img{width:65%;}
.home li a{color:#fff;}

/*故障维修*/
.btn-red{background:#f04f48;border-radius:5px;height:4rem;line-height:4rem;display: block;}
.btn-red:hover{background:#e0332b;}
.form-list label{border-bottom:none;}
.form-list li{position:relative;height:4rem;line-height:4rem;border-bottom:1px solid #ccc;width:100%;}
.form-list li label img{width:5.5%;vertical-align:top;margin-top:1.3rem;margin-right:1rem;}
.form-list li .arrow-right{position:absolute;right:1rem;top:0;width:6%;}
.form-list li:last-child{border-bottom:none;height:10rem;}
.form-list textarea{border:none;width:22rem;height:8rem;margin-top:1.4rem;font-size:1.5rem;color:#666;}

/*我的*/
.my-area{background:#009fea;text-align: center;color:#fff;}
.my-area img{width:20%;}
.my-area-content .form-list li:last-child{height:4rem;}
.my-area-content .form-list li{padding-left:2.4rem;}
.space{background:#f2f2f2;height:1rem!important;}

/*工单*/
.tab li{float:left;width:33.3%;text-align:center;padding:1.4rem;}
.tab .current{border-bottom:2px solid #009fea;font-weight:bold;}
.tab2 li{float:left;width:50%;text-align:center;padding:1.4rem;}
.tab2 .current{border-bottom:2px solid #19c02d;font-weight:bold;}
.work-list{overflow: hidden;width:100%;}
.slide{border-radius:10px 10px 0 0; overflow:hidden;}
.btn-area{background:#009fea;border-radius:0 0 10px 10px;}
.btn-area ul li{width:48%;float:left;text-align:center;height:4rem;line-height:4rem;}
.btn-line{border-left:1px solid #80cff5;width:4%!important;}
.btn-area2{background:#19c02d;border-radius:0 0 10px 10px;height:4rem;line-height:4rem;text-align:center;}
.btn-area2 img{width:20%;}
.work-list-content li{position:relative;border-bottom:1px solid #ddd;padding:10px 20px;}
.work-list-content li .arrow-right{width:5%;position:absolute;right:20px;top:22px;}

/*footer*/
footer{position:fixed;height:4rem;bottom:0;left:0;z-index:99;}
footer ul li{float:left;width:20%;text-align:center;padding:.6rem}
.bottomMenu{position:relative;}
.bottomMenu span{display:block;}
.bottomMenu a{font-size:0.8rem;margin-top:-0.2rem;display: inline-block;}
.bottomMenu .repair{background:url(../images/bottom01.png) no-repeat 0 0;width:2rem;height:2rem;background-size:2rem;}
.bottomMenu .worklist{background:url(../images/bottom02.png) no-repeat 0 0;width:2rem;height:2rem;background-size:2rem;}
.bottomMenu .scan{background:url(../images/bottom-scan.png) no-repeat 0 0;width:3rem;height:3rem;background-size:3rem;margin-left:1.5rem;}
.bottomMenu .checkagain{background:url(../images/bottom03.png) no-repeat 0 0;width:2rem;height:2rem;background-size:2rem;}
.bottomMenu .my{background:url(../images/bottom04.png) no-repeat 0 0;width:2rem;height:2rem;background-size:2rem;}
.bottomMenu .active .repair,.bottomMenu .active .worklist,.bottomMenu .active .checkagain,.bottomMenu .active .my{background-position:0 bottom!important;}
.bottomMenu .active a{color:#009fea;}
.scan-area{border-radius:12rem;width:6rem;height:6rem;background:#fff;margin-top:-3.5rem;text-align:center;padding-top:1.2rem;line-height:2.4rem;}

/* 动画 */
@-webkit-keyframes moveIconUp { 0% { -webkit-transform: translateY(20%); opacity:0;} 100% { -webkit-transform: translateY(80%); opacity:1;}}
@keyframes moveIconUp {0% {transform: translateY(20%); opacity:0;} 100% {transform: translateY(80%); opacity:1;}}
@-webkit-keyframes round1 { 0% {opacity:0;} 100% {opacity:1;}}
@keyframes round1 { 0% {opacity:0;} 100% {opacity:1;}}
@-webkit-keyframes round2 { 0% {opacity:0;} 100% {opacity:1;}}
@keyframes round2 { 0% {opacity:0;} 100% {opacity:1;}}
@-webkit-keyframes round3{ 0% {opacity:0;} 100% {opacity:1;}}
@keyframes round3 { 0% {opacity:0;} 100% {opacity:1;}}
@-webkit-keyframes round4 { 0% {opacity:0;} 100% {opacity:1;}}
@keyframes round4 { 0% {opacity:0;} 100% {opacity:1;}}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){
	
}
/* 兼容iphone6 */
@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){

}
/* 兼容iphone6 Plus */
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){

}


